﻿<%--
  Created by IntelliJ IDEA.
  User: yanglq
  Date: 2017/6/8
  Time: 9:53
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/login.css"/>
    <!--[if lte IE 9]>

    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/respond.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/html5shiv.min.js"></script>
    <![endif]-->
    <script src="${pageContext.request.contextPath}/js/encrypt.js"></script>
</head>
<body>
<div class="backgroup">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4 text-center">
                <div class="search-box">
                    <div class="caption">
                        <h3>登录</h3>
                    </div>
                    <form id="loginForm">
                        <div class="input-group">
                            <div class="form-group">
                                <input type="text" id="name" class="form-control" placeholder="Full Name">
                            </div>
                            <div class="form-group">
                                <input type="password" id="paw" class="form-control" placeholder="Password">
                            </div>
                            <%--<input type="submit" id="submit" class="form-control" value="Submit">--%>
                            <div class="form-group">
                                <%--<label for="captcha-code" >验证码</label><br>--%>
                                <div>
                                    <input type="text" class="form-control" id="captchaCode" name="captchaCode" value=""
                                           style="width: 48%;display: inline-block;">
									    <span class="captcha-code">
									    <img id="captcha"
                                             onclick="this.src='${pageContext.request.contextPath}/captcha?'+Math.random();"
                                             src="${pageContext.request.contextPath}/captcha">
										</span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <button type="button" class="btn btn-danger btn-block" id="login"
                            data-href="${pageContext.request.contextPath}/login/userLogin"><strong>登&nbsp;&nbsp;&nbsp;&nbsp;录</strong>
                    </button>
                    <br>
                    <div class="text-right" style="cursor: pointer">
                        <a href="${pageContext.request.contextPath}/retrievepwd">忘记密码</a> <span>|</span> <a
                            href="${pageContext.request.contextPath}/register">注册</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="aro-pswd_info">
                    <div id="pswd_info">
                        <h4>必须要输入密码</h4>
                        <ul>
                            <li id="letter" class="invalid">至少包含 <strong>一个字母</strong></li>
                            <li id="capital" class="invalid">至少包含 <strong>一个大写字母</strong></li>
                            <li id="number" class="invalid">至少包含 <strong>一个数字</strong></li>
                            <li id="length" class="invalid">长度至少达到<strong>8位</strong></li>
                            <li id="space" class="invalid">be<strong> use [~,!,@,#,$,%,^,&,*,-,=,.,;,']</strong></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal 通用提示消息模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel" style="text-align:center;"></h4>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/js/login.js"></script>

</body>
</html>